<!---- Creator: Eoly -->
<!---- On 2017/1/24 -->
<!---- Call http://palerock.cn -->

<!DOCTYPE html>
<html lang="en" ng-app="groupDetailPage">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>Title</title>
    <link rel="stylesheet" href="sm/sm.min.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">
</head>
<body>
<div class="page-group">
    <div class="page" id="page-pre" ng-controller="activityDetail"  ng-init="getTheActiveDetail();">
        <header class="bar bar-nav to-padding-top">
            <a class="icon icon-left pull-left" href="javascript:app.backLastPosition();"></a>
            <p class="title">活动详情</p>
        </header>
        <div class="content" >

            <!-- 轮播图 -->
            <div class="swiper-container" data-space-between='10'>
                <div class="swiper-wrapper">
                    <div class="swiper-slide" ng-repeat="src in active.activityImages" >
                        <img  ng-src="{{src}}" alt="">
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>

            <!-- 活动基础属性 -->
            <div class="simple-content">

                <p class="group-title">{{active.activityTitle}}</p>
                <div class="row group-synopsis">
                    <div class="col-20">时间:</div>
                    <div class="col-80">{{active.activityInitTime| date:'yyyy-MM-dd HH:mm:ss'}}</div>

                    <div style="padding: 15px; margin-top: 10px;" >简介:{{active.activityDetail}}</div>
                </div>
            </div>



            <div class="detail-content">
                <div class="d-title">详细介绍：</div>
                <div class="group-detail">{{active.activityTitle}}</div>
                <img class="detail-img"  ng-repeat="src in active.activityImages" ng-src="{{src}}" alt="">
            </div>
            </div>


        </div>
    </div>
    <script src="js/angular.js"></script>
    <script src="sm/zepto.min.js"></script>
    <script>$.config = {router: false}</script>
    <script src="sm/sm.min.js"></script>
    <link rel="stylesheet" href="sm/sm-extend.min.css">
    <script type='text/javascript' src='sm/sm-extend.min.js' charset='utf-8'></script>
    <link rel="stylesheet" href="css/group-detail.css">
    <script src="controller/app-init-func.js"></script>
    <script src="controller/activity-detail-controller.js"></script>
    <script src="js/group-detail-refresh.js"></script>
</div>
<script>app.suiInit()</script>
</body>
</html>